function openPopup(){
    let popup = document.querySelector('.popup');
    popup.style.display = 'flex'
 }
 function closePopup2(){
    let popup = document.querySelector('.popup');
    let fou = document.querySelector('.fou');
    popup.style.display = 'none'
    fou.style.display = 'flex'
    setTimeout(function(){
      fou.style.display = 'none'
    },2000);
 }



function openPopup3(){
    let popup1 = document.querySelector('.popup1');
    popup1.style.display = 'flex'
 }
 function closePopup4(){
    let popup = document.querySelector('.popup1');
    let fou1 = document.querySelector('.fou1');
    popup.style.display = 'none'
    fou1.style.display = 'flex'
    setTimeout(function(){
      fou1.style.display = 'none'
    },2000);
 }

 function closePopup5(){
    let popup = document.querySelector('.popup1');
    let fou2 = document.querySelector('.fou2');
    popup.style.display = 'none'
    fou2.style.display = 'flex'
    setTimeout(function(){
      fou2.style.display = 'none'
    },2000);
 }








 
function mm(){ 
   let open = document.querySelectorAll('.open');
   let close = document.querySelectorAll('.close');
   for(let i=0;i<open.length;i++) {
      open[i].style.display = 'flex'
   }
   for(let i=0;i<close.length;i++) {
      close[i].style.display = 'none'
   } 
}
function mm1(){ 
   let open = document.querySelectorAll('.open');
   let close = document.querySelectorAll('.close');
   for(let i=0;i<open.length;i++) {
      open[i].style.display = 'none'
   }
   for(let i=0;i<close.length;i++) {
      close[i].style.display = 'flex'
   } 
}